<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!--
	本模块功能:添加专业
        编写者:朱光曜
        编写时间:2017.10.30
-->
<!DOCTYPE html>
<html class="wrap">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>添加专业</title>
		
		<link rel="stylesheet" type="text/css" href="pc/css/extends/bootstrap-datetimepicker.min.css"/>
		<link rel="stylesheet" type="text/css" href="pc/css/cores/style.css" /><!--公共样式-->
		
		
	    <link rel="stylesheet" type="text/css" href="pc/css/extends/jquery.nestable..css"/><!--插件拖拽样式-->
		<link rel="stylesheet" type="text/css" href="pc/css/cores/alert.css"/><!--弹窗-->
		
		<link rel="stylesheet" type="text/css" href="pc/css/cores/public.css" /><!--公共样式-->
		<link rel="stylesheet" type="text/css" href="pc/css/modules/adminAddProfessionalDetails.css?f=<%=System.currentTimeMillis()%>" />
	</head>

	<body>
		<div class="crumbs">
			<div class="fl returnBox">&ensp;<img src="pc/images/ico_return.png" alt="返回按钮" />&ensp;
				<a class="looktg" href="javascript:;" data-url="adminOrganizationalProfessional" >返回上一页</a>
			</div>
			<div class="fl noticeBox"><img src="pc/images/ico_trumpet.png" />
				<div class="noticeBar">
					<ul>
						<li>当前暂无消息</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<div class="mainContent">
			<p class="message_tit"><span>添加专业</span></p>
			<div class="inputRight"><label for="departName">专业名称:&ensp;</label><input autocomplete="off" type="text" maxlength="20" id="major" class="publicText" placeholder="请输入专业名称" /></div>
			<div class="professionalDirection"><!--专业-->
				<div>
					<div class="inputRight"><label for="departName">专业方向:&ensp;</label><input autocomplete="off" maxlength="20"  type="text"  class="publicText majorDirection" placeholder="请输入专业方向"/><img src="pc/images/log_reduce.png" alt="减" class="reduce" /></div>
				</div>
				
				<img src="pc/images/log_plus.png" alt="加"  class="plus"/>
				
			</div>
			<div class="directionLocation"><!--地点-->
				<div style="height: 40px;" class="prompt">
					<span style="font-size: 14px;" class="fl">提示 :&ensp;</span>
					<ul style="color: #949494;line-height: 22px;" class="fl">
						<li>请将想选择的地点由‘所选教学地点’拖动至‘已选教学地点’。</li>
						</ul>
					</div>
				<div class="left fl">
					<p>所有教学地点</p>
					<div class="dd" id="nestable">
					
						<ol class="dd-list">
					
							<li class="dd-item" data-id="0">
					
								<div class="dd-handle">Item 0</div>
					
							</li>
							<li class="dd-item" data-id="1">
					
								<div class="dd-handle">Item 1</div>
					
							</li>
							<li class="dd-item" data-id="2">
					
								<div class="dd-handle">Item 2</div>
					
							</li>
							<li class="dd-item" data-id="3">
					
								<div class="dd-handle">Item 3</div>
					
							</li>
							<li class="dd-item" data-id="4">
					
								<div class="dd-handle">Item 4</div>
					
							</li>
							<li class="dd-item" data-id="5">
					
								<div class="dd-handle">Item 5</div>
					
							</li>
					
						</ol>
					
					</div>
				</div>
				<div class="rotate fl"><img src="pc/images/log_locationZ.png" alt="旋转图标" /></div>
				<div class="right fr">
					<p>已选教学地点</p>
					<div class="dd" id="nestable2">
					 <div class="dd-empty"></div>
						
					
					</div>
				</div>
				<div class="clear">
					
				</div>
			</div>
			
			<div class="publicBtn preservation">保存</div>
			
			
	    </div>
        <div class="clear"></div>
        <script>
			var result = '${result}';
			result = JSON.parse(result);
		</script>
		<script src="pc/js/extends/jquery-1.11.2.min.js"></script>
		<script src="pc/js/extends/bootstrap-datetimepicker.min.js"></script>
		<script src="pc/js/extends/bootstrap-datetimepicker.zh-CN.js"></script>
		


		<script src="pc/js/extends/jquery.nestable.js"></script><!--插件拖拽-->
		<script src="pc/js/extends/jquery.nestable.add.js"></script><!--插件拖拽启动-->
		
		<script src="pc/js/cores/Alert.js"></script><!--弹窗-->
		<script src="pc/js/cores/public.js"></script><!--公共-->
		<script src="pc/js/modules/adminAddProfessionalDetails.js?f=<%=System.currentTimeMillis()%>"></script>

	</body>

</html>
